<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
	"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<title>Test Effects</title>
  <script src="../../../lib/prototype.js" type="text/javascript"></script>
  <script src="../../../lib/effects.js" type="text/javascript"></script>
  <script src="../../../dist/window.js" type="text/javascript"></script>
  <link href="../../../themes/window/window.css" rel="stylesheet" type="text/css">
  <link href="../../../themes/window/alphacube.css" rel="stylesheet" type="text/css">
   <link href="../../../themes/shadow/mac_shadow.css" rel="stylesheet" type="text/css">

  <style type='text/css'>
  body {
    background: #965B44 /*url(grid_bg.gif) repeat;*/
  }
  </style>
</head>
<body>
<script type="text/javascript">

Effect.ShakeShakeSenora = function(element) {
  element = $(element);
  var oldStyle = {
    top: element.getStyle('top'),
    left: element.getStyle('left') };
    return new Effect.Move(element, 
      { x:  8, y: 0, duration: 0.01, afterFinishInternal: function(effect) {
    new Effect.Move(effect.element,
      { x: -15, y: 0, duration: 0.03,  afterFinishInternal: function(effect) {
    new Effect.Move(effect.element,
      { x:  15, y: 0, duration: 0.03,  afterFinishInternal: function(effect) {
    new Effect.Move(effect.element,
      { x: -15, y: 0, duration: 0.03,  afterFinishInternal: function(effect) {
    new Effect.Move(effect.element,
      { x:  15, y: 0, duration: 0.03,  afterFinishInternal: function(effect) {
    new Effect.Move(effect.element,
      { x: -8, y: 0, duration: 0.01, afterFinishInternal: function(effect) {
        effect.element.undoPositioned().setStyle(oldStyle);
  }}) }}) }}) }}) }}) }});
};

function runTest() {
  w = new UI.Window({
    top: 10, 
    left: 10,                           
    shadow: true,
    show: Element.appear,
    hide: Element.fade }).show();
}  
Event.observe(window, "load", runTest);
  
</script>

</body>
</html>
